<%@ taglib prefix="s" uri="/struts-tags"%>
<%@ taglib prefix="sj" uri="/struts-jquery-tags"%>
<%@ taglib prefix="sjg" uri="/struts-jquery-grid-tags"%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<div id="loginComponent" class="gen-green-border">
    <div class="gen-header">Please login</div>
    <form method="POST" name="loginForm" class="gen-padding" action="../user/authentication">
        <table cellspacing="0" class="gen-medium-tb-margin ">
            <tr> 
                <td><s:label value="Username :" cssClass="gen-padding"/></td>
                <td><s:textfield name="username" id="username" cssClass="gen-normal-text-width" /></td>
            </tr>
            <tr>
                <td><s:label value="Password :" cssClass="gen-padding"/></td>
                <td><s:password  name="password" id="password" cssClass="gen-normal-text-width" /></td>
            </tr>
            <tr>
                <td></td>
                <td>
                    <input type="radio" name="role" id="studentRole" value="student"><span class="">Student</span><br />
                    <input type="radio" name="role" id="otherRole" value="reservation officer"><span class="">Reservation Officer</span>
                </td>
            </tr>
            <tr>
                <td></td>
                <td><hr /></td>
            </tr>
            <tr>
                <td></td>
                <td><s:submit name="loginButton" id="loginButton" value="Sign in" cssClass="gen-button"/></td>
            </tr>
            <tr>
                <td></td>
                <td><a href="../user/register~view" class="gen-dark-green-font gen-text-decoration">Register for account.</a></td>
            </tr>
        </table>
    </form>
</div>